<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <div class="container">
        <div class="well well-lg" style="margin-bottom: 0px;">
          <div align="right"  style="margin-bottom:10px">
            <button class="btn btn-primary" data-toggle="modal" data-target=".search">查询</button>
          </div>
          <table class="table table-bordered" style="margin-bottom: 0px;">
            <tr class="info">
              <th  >序号</th>
              <th  >昵称</th>
              <th  >姓名</th>
              <th  >角色</th>
              <th  >所属部门</th>
              <th  >操作</th>
            </tr>
              <!--/*@thymesVar id="users" type="java.util.List<com.weirong.smartvault.backservice.user.IUser>"*/-->
            <tr th:each="user,iterstat:${users}">
              <td th:text="${iterstat.index+1}">1</td>
              <td th:text="${user.getNickName()}">Sam</td>
              <td th:text="${user.getUserName()}">张三</td>
              <td >领导</td>
              <td>中行深圳分行</td>
              <td><a href="#" data-toggle="modal" data-target=".permissions-view">查看权限</a></td>
            </tr>

          </table>
          <div th:replace="fragment/pageIndex::pageIndex"></div>
        </div>
    </div>
    <div class="modal fade search" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">用户查询</h4>
          </div>
          <div class="modal-body">
            <table style="width: 800px;">
              <tr width="100%">
                <td width="10%">&nbsp;</td><td width="20%">部门</td>
                <td>
                  <select class="form-control select select-primary select-block mbl" style="margin-bottom: 0px;">
                    <optgroup label="支行">
                      <option value="0">科技园支行</option>
                      <option value="1">香蜜湖支行</option>
                      <option value="1">前海支行</option>
                    </optgroup>
                  </select>
                </td>
              <td>
                <select class="form-control select select-primary select-block mbl" style="margin-bottom: 0px;">
                    <optgroup label="网点">
                      <option value="0">大冲网点</option>
                      <option value="1">白石洲网点</option>
                      <option value="1">科技园支行网点</option>
                    </optgroup>
                  </select>
              </td>
              </tr>
              <tr>
                <td colspan="4">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td><td>角色</td>
                <td>
                  <select class="form-control select select-primary select-block mbl" style="margin-bottom: 0px;">
                    <optgroup label="角色">
                      <option value="0">领导</option>
                      <option value="1">网点操作员</option>
                      <option value="1">金库操作员</option>
                    </optgroup>
                  </select>
                </td>
                <td></td>
              </tr>
              <tr>
                <td colspan="5">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td><td>昵称</td><td><input type="text" placeholder="请输入昵称" class="form-control" /></td><td></td>
              </tr>
              <tr>
                <td colspan="5">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td><td>姓名</td><td><input type="text" placeholder="请输入姓名" class="form-control" /></td><td></td>
              </tr>
            </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Search</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade permissions-view" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">权限查看</h4>
          </div>
          <div class="modal-body">
            <table class="table table-bordered" style="margin-bottom: 0px;">
              <tr class="info">
                <th>一级菜单权限</th>
                <th>二级菜单权限</th>
                <th>三级页面权限</th>
                <th>按钮及链接权限</th>
              </tr>
              <tr>
                <td rowspan="10">基础数据</td>
                <td rowspan="3">数据字典</td>
                <td rowspan="3">查看</td>
                <td>查看</td>
              </tr>
              <tr>
                <td>新增</td>
              </tr>
              <tr>
                <td>新增子类</td>
              </tr>
              <tr>
                <td rowspan="7">机构管理</td>
                <td rowspan="4">查看</td>
                <td>查看</td>
              </tr>
              <tr>
                <td>新增</td>
              </tr>
              <tr>
                <td>修改</td>
              </tr>
              <tr>
                <td>删除</td>
              </tr>
              <tr>
                <td>新增</td>
                <td>保存</td>
              </tr>
              <tr>
                <td>修改</td>
                <td>保存</td>
              </tr>
              <tr>
                <td>删除</td>
                <td>&nbsp;</td>
              </tr>
            </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
</html>